.jlimg {
   background-repeat: no-repeat;
   background-size: 100%;
}
ul,
li {
   margin: 0;
   padding: 0;
   list-style: none;
}
header {
   width: 100%;
   height: 48px;
   background-color: #fff;
   display: flex;
   justify-content: space-between;
   & > div {
      height: 100%;
      margin: 0 12px;
   }
   .profile {
      display: flex;
      align-items: center;
      .profile_img {
         overflow: hidden;
         border-radius: 50%;
         width: 32px;
         height: 32px;
         display: none;
         img {
            width: 100%;
            height: 100%;
         }
      }
   }
   .left {
      width: 520px;
      display: flex;
      transition: 0.3s;
      .index {
         img {
            height: 100%;
         }
      }
      &.aaa {
         width: 400px;
      }
      .mune {
         flex-wrap: wrap;
         display: flex;
         overflow: hidden;
         height: 100%;
         li {
            margin: 0 10px;
            height: 100%;
            line-height: 48px;
            font-size: 14px;
         }
      }
   }
   .center {
      flex: 1;
      display: flex;
      align-items: center;
      .box {
         width: 100%;
         height: 32px;
         display: flex;
         input {
            flex: 1;
            height: 32px;
            display: inline-block;
            line-height: initial;
            background: #f5f6f7;
            color: #222226;
            vertical-align: top;
            border-radius: 16px 0 0 16px;
            border: 1px solid #e8e8ed;
            box-sizing: border-box;
            padding-left: 16px;
            &:focus {
               border: 1px solid #fc5531;
               border-right: #fff;
            }
         }
         .Search_button {
            width: 88px;
            height: 32px;
            border-radius: 0 16px 16px 0;
            background-color: #fc5531;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            i {
               display: inline-block;
               width: 24px;
               height: 24px;
               background: url(../image/搜索.png) no-repeat center center;
               background-size: 100%;
            }
         }
      }
   }
   .right {
      width: 360px;
      display: flex;
      align-items: center;
      .mune {
         flex-wrap: wrap;
         display: flex;
         overflow: hidden;
         height: 100%;
         li {
            margin: 0 10px;
            height: 100%;
            line-height: 48px;
            font-size: 14px;
         }
      }
      .cz {
         width: 88px;
         height: 32px;
         background-color: #fc5531;
         border-radius: 16px;
         // 设置为flex容器
         margin-left: 6px;
         a {
            display: flex;
            // 副轴居中
            align-items: center;
            height: 100%;
         }
         div {
            width: 20px;
            height: 20px;
            background-image: url(../image/创作png.png);
            background-size: 59px;
            background-position: -37px -21px;
            margin-left: 10px;
         }
         span {
            margin-left: 2px;
            font-size: 14px;
            color: #fff;
         }
         i {
            width: 10px;
            height: 7px;
            background-image: url(../image/倒.png);
            background: size 15px;
            margin-left: 6px;
         }
      }
   }
}
